<template>
  <switch
    class="ui-switch"
    :class="[size ? `is-${size}`:'']"
    :checked="value"
    :disabled="disabled"
    :color="color"
  ></switch>
</template>

<script>
export default {
  name: "uiSwitch",
  props: {
    value: Boolean,
    size: {
      type: String,
      default: ""
    },
    disabled: Boolean,
    color: {
      type: String,
      default: "#f54305"
    }
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
$switch-size-base: 48 / 64;
.ui-switch {
  transform: scale($switch-size-base);
}
</style>
